@import "nib"
@import "_variables"
@import "_util/mixin"
@import "_util/grid"

global-reset()

input, button
  margin: 0
  padding: 0
  &::-moz-focus-inner
    border: 0
    padding: 0

@font-face
  font-family: FontAwesome
  font-style: normal
  font-weight: normal
  src: url(font-icon-path + ".eot?v=#" + font-icon-version)
  src: url(font-icon-path + ".eot?#iefix&v=#" + font-icon-version) format("embedded-opentype"),
       url(font-icon-path + ".woff?v=#" + font-icon-version) format("woff"),
       url(font-icon-path + ".ttf?v=#" + font-icon-version) format("truetype"),
       url(font-icon-path + ".svg#fontawesomeregular?v=#" + font-icon-version) format("svg")

html, body, #container
  height: 100%

body
  background: color-background
  font: font-size font-sans
  -webkit-text-size-adjust: 100%

#home-content
  height: 800px
  background-color: #fff
//教育部文件
.home-file
  background-color: #ffffff
  height: 333px

.home-departments
  width: 640px
  height: 271px
  //background-color: #f00
  float: left

.home-departments-top
  height: 40px;
  border-bottom: 1px solid #cccccc
  margin: 0px 20px

.home-departments-items
  display: flex
  flex-wrap: wrap

.home-departments-item
  width: 280px
  padding: 10px 20px

.home-departments-bottom
  border-bottom: 2px solid #ccc
  margin: 0px 20px

.home-file-title
  position: relative

.home-file-title div
  width: 53px;
  height: 31px
  word-wrap: break-word
  display: inline-block
  color: #fff
  padding: 5px
  background-color: #2C4378
  position: relative

.home-file-title span
  position: absolute

.home-file-sub
  color: #666666
  font-size: 12px
  margin-top: 5px

.home-file-bottom
  border-bottom: 1px solid #ccc
  margin: 0px 20px


//
//.home-departments-item .file-title strong
//
//.home-departments-item .file-sub div


//最新资讯
.home-news
  width: 350px
  height: 271px
  background-color: #fff
  float: right
  position: relative

.home-news-top
  height: 40px;
  border-bottom: 1px solid #cccccc
  margin: 0px 20px

.home-news-item
  width: 290px
  padding: 10px 20px

.home-news-title
  position: relative

.home-news-title div
  width: 90px
  height: 60px
  word-wrap: break-word
  display: inline-block
  color: #fff
  padding: 5px
  background-color: #2C4378
  position: relative

.home-news-title span
  position: absolute

.home-news-bottom
  border-bottom: 1px solid #ccc
  padding: 0px 20px
  position: absolute
  bottom: 3px
  width: 290px

.home-show
  height: 333px
  background-color: #fff

.home-show-top
  height: 40px;
  margin: 0px 20px


.home-course
  height: 333px
  background-color: #fff

.home-course-top
  height: 40px;
  border-bottom: 1px solid #cccccc
  margin: 0px 20px




















.outer
  clearfix()
  max-width: 1000px
  margin: 0 auto
  padding: 0 gutter-width

.inner
  column(columns)

.left, .alignleft
  float: left

.right, .alignright
  float: right

.clear
  clear: both

#container
  position: relative

.mobile-nav-on
  overflow: hidden

#wrap
  height: 100%
  width: 100%
  position: absolute
  top: 0
  left: 0
  transition: 0.2s ease-out
  z-index: 1
  background: color-background
  .mobile-nav-on &
    left: mobile-nav-width

if sidebar and sidebar isnt bottom
  #main
    @media mq-normal
      column(main-column)

if sidebar is left
  @media mq-normal
    #main
      float: right

@import "_extend"
@import "_partial/header"
@import "_partial/article"
@import "_partial/comment"
@import "_partial/archive"
@import "_partial/footer"
@import "_partial/highlight"
@import "_partial/mobile"

if sidebar
  @import "_partial/sidebar"